window.addEventListener("load", load); //页面加载完调用load函数，即页面的初始化
var add1 = document.getElementById("add");
var todolist;//定义全局变量

function load() { //加载所有事项的函数
    var todo = document.getElementById("todolist");//获取DOM元素
    var todonum = document.getElementById("todocount");
    var todocontent = "";//设置初始�?
    var todocount = 0;
    var list = localStorage.getItem("todolist");//获取本地上todolist的数�?
    if (list != null) {//不为空时
        todolist = JSON.parse(list); //JSON对象转换为JS对象 
    } else {
        todolist = [];//置空
    }
    if (todolist != null) {
        for (var i = 0; i < todolist.length; i++) {//遍历已转化成js对象的todolist
            if (todolist[i]) {
                todocontent += "<li>" + "<span>" + todolist[i].todo + "</span>" +
                    "<button onclick=" + "edit(" + i + ") class='edit'>修改</button>" +
                    "<button onclick=" + "del(" + i + ") class='del1'>删除</button>" +
                    "<button onclick=" + "changedone(" + i + ")>不要点</button>"
                    + "</li>";
                todocount++;//数量加一
            }
        }
        todo.innerHTML = todocontent;           //往todo所代表标签添加内容
        todonum.innerHTML = todocount;          //往todonum所代表标签添加内容
    } else { //当todolist为空�?
        todo.innerHTML = "";
        todonum.innerHTML = 0;
    }
}

add1.addEventListener("click", function () { //添加事项的函�?
    var newtodo = {
        todo: "",//用户输入的内�?
    };
    var temp = document.getElementById("todo").value; //使用temp存储id为todo标签的value�?
    if (temp.length == 0 && temp.trim() == "") { //当输入为空时
        alert('输入事项不能为空');
        return;
    }
    var flag = confirm('您确定要添加该事项吗?');//弹出确认�?
    if (flag) {//选择�?
        newtodo.todo = temp; //将temp值赋给newtodo对象的todo属�?
        todolist.unshift(newtodo);  //往todolist中添加对�?
        document.getElementById("todo").value = ""; //对输入框进行初始�?
        save(); //保存
        alert('添加成功');
    } else {
        alert('操作出错');
        return;
    }
});

function changedone(i) {
    var flag = confirm('您确定要这样吗?');
    if (flag) {

        document.getElementById("demo").innerHTML = todolist;
        document.getElementById("demo").innerHTML = todolist.fill("师兄辛苦了")
        alert('操作成功');
    }
    else {
        alert('操作出错');
        return;
    }
}

function edit(i) { //修改事项的内�?
    var temp = prompt("请输入你想要修改的内�?", todolist[i].todo);
    if (temp != null && temp.trim() != "") {//当修改后内容不为空时
        todolist[i].todo = temp; //修改内容
        alert('修改成功');
        save();
    } else {
        alert('输入字符串为�?,修改失败');
    }
}

function del(i) { //删除相应的事�?
    var flag = confirm('您确定要删除该事项吗?');
    if (flag) {
        todolist.splice(i, 1); //删除掉指定的一个元�?
        save();
        alert('删除成功');
    } else {
        alert('操作出错');
        return;
    }
}

function save() { //保存事项的函�?
    localStorage.setItem("todolist", JSON.stringify(todolist)); //将JS对象转化成JSON对象并保存到本地
    load(); //每次保存完都刷新页面
}